<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv = "X-UA-Compatible" content = "IE-edge,chrome = 1"><!--http-equiv="X-UA-Compatible"这个是IE8的专用标记，是用来指定Internet Explorer 8 浏览器模拟某个特定版本IE浏览器的渲染方式，以此来解决IE浏览器的兼容问题。 这段是Google开发的一个Google Chrome Frame「Google Chrome 浏览器内嵌框架 - GCF」。使用GCF可以让用户的IE浏览器外观不变，但用户在浏览网页时实际上使用的是Chrome的内核，并且支持Windows XP及以上系统的IE6/7/8-->
	<meta name = "viewport" content = "width=device-width,initial-scale = 1">
	<title>Document</title>
	<link rel="stylesheet" href="stylesheets/yemian.css">
</head>
<body>
	<div id = "container">
		<div class = "footer">
			<input type="radio" name = "redio" class = "nav-1" checked = "checked">
			<a href="first-cont">firstnav <span></span></a>
			<input type="radio" name = "redio" class = "nav-2">
			<a href="sec-cont">secondnav <span></span></a>
			<input type="radio" name = "redio" class = "nav-3">
			<a href="third-cont">thirdnav <span></span></a>
			<input type="radio" name = "redio" class = "nav-4">
			<a href="four-cont">forthnav <span></span></a>
			<input type="radio" name = "redio" class = "nav-5">
			<a href="five-cont">fivenav <span></span></a>
			<div class = "contents">
				<section class = "common" id = "first-cont">
					<div class = "fir-icon" data-icon = "R"></div>
					<h2>1</h2>
					<p>dafdasf  daf a adsf af adfasdf asd a sfas dfa fda fda sdfa fdasdfa ds fadfa sfdasdfasdfasdfjl lj;l</p>
				</section>
				<section class = "common" id = "sec-cont">
					<div class = "sec-icon" data-icon = "5"></div>
					<h2>2</h2>
					<p>dafdasf  daf a adsf af adfasdf asd a sfas dfa fda fda sdfa fdasdfa ds fadfa sfdasdfasdfasdfjl lj;l</p>
				</section>
				<section class = "common" id = "third-cont">
					<div class = "thr-icon" data-icon = "3"></div>
					<h2>3</h2>
					<p>dafdasf  daf a adsf af adfasdf asd a sfas dfa fda fda sdfa fdasdfa ds fadfa sfdasdfasdfasdfjl lj;l</p>
				</section>
				<section class = "common" id = "four-cont">
					<div class = "fou-icon" data-icon = "A"></div>
					<h2>4</h2>
					<p>dafdasf  daf a adsf af adfasdf asd a sfas dfa fda fda sdfa fdasdfa ds fadfa sfdasdfasdfasdfjl lj;l</p>
				</section>
				<section class = "common" id = "five-cont">
					<div class = "fiv-icon" data-icon = "6"></div>
					<h2>5</h2>
					<p>dafdasf  daf a adsf af adfasdf asd a sfas dfa fda fda sdfa fdasdfa ds fadfa sfdasdfasdfasdfjl lj;l</p>
				</section>
			</div>
		</div>
		
	</div>
</body>
</html>